<!DOCTYPE html>
<!--[if IE 8]>
<html lang="zh-CN" class="ie8" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh-cmn-Hans-CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<!--<![endif]-->
<head th:replace="head :: common_header(~{::title},~{::link})">
    <title>庭审信息管理平台-首页</title>
    <!--&lt;!&ndash; ================== BEGIN PAGE LEVEL CSS STYLE ================== &ndash;&gt;-->
    <link rel="stylesheet" th:href="@{/assets/css/sys_court_status.css}"/>
    <link rel="stylesheet" th:href="@{/assets/css/loading.css}">
    <!--&lt;!&ndash; ================== END PAGE LEVEL CSS STYLE ================== &ndash;&gt;-->
</head>
<body>
<!--loading 加载层-->
<div th:replace="~{head :: loading}"></div>
<!-- begin #page-container -->
<div id="page-container" class="page-container fade page-without-sidebar">
    <div th:replace="~{head.html :: head_nav(${session.user.realName})}"></div>
    <!-- begin #content -->
    <div id="content" class="content">
        <!-- begin breadcrumb -->
        <ol class="breadcrumb cmp-breadcrumb">
            <li>
                <a href="../../index.html"><i class="fa fa-home fa-lg"><span
                        class="context-span">&nbsp;主页</span></i></a>
            </li>
            <li>
                <a href="javascript:base.back();"><i class="fa  fa-arrow-left fa-lg"></i><span class="context-span">&nbsp;后退</span></a>
            </li>
            <li class="active">
                <a href="javascript:location.reload();"><i class="fa fa-refresh fa-lg"><span class="context-span">&nbsp;法庭实况</span></i></a>
            </li>
        </ol>
        <!-- end breadcrumb -->
        <div class="panel cmp-panel">
            <div class="panel-body">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active tab-span" id="sys_court_status"><a href="javascript:void(0);"><span>法庭状态</span></a>
                    </li>
                    <li role="presentation" class="tab-span" id="sys_play_info"><a
                            href="sys_play_info.html"><span>点播管理</span></a></li>
                    <li role="presentation" class="tab-span" id="sys_fault_condition"><a
                            href="sys_fault_condition.html"><span>故障情况</span></a></li>
                    <!--<li role="presentation" class="tab-span" id="sys_meeting"><a href="sys_meeting.html"><span>会议纪要</span></a></li>-->
                    <li role="presentation" class="tab-span" id="sys_server_status"><a
                            href="sys_server_status.html"><span>服务器状态</span></a></li>
                    <li role="presentation" class="tab-span" id="sys_warning_message"><a
                            href="sys_warning_message.html"><span>报警信息</span></a></li>
                    <li role="presentation" class="tab-span" id="sys_equipment_management"><a
                            href="sys_equipment_management.html"><span>设备管理</span></a></li>
                    <li role="presentation" class="tab-span" id="sys_log_info"><a
                            th:href="@{/system_monitor/sys_log_info}"><span>日志信息</span></a></li>
                </ul>
                <div>
                    <p class="scs-top-title white" id="tips">所有法庭信息：</p>
                    <div class="row" id="scs_content">
                        <div id="_court_div">
                            <div class="scs-item">
                                <div class="col-xs-2">
                                    <div class="scs-left">
                                        <a href="javascript:;" class="csc_living">
                                            <div class="center">
                                                <p class="white center _court_" title="福建高院第五法庭">福建高院第五法庭</p>
                                                <div class="image-inner">
                                                    <p class="csc-status white center"></p>
                                                    <img th:src="@{/assets/img/list_test2.jpg}"/>
                                                </div>
                                                <p class="white center _court_courtroom"
                                                   title="申请再审人张家武与被申请再审人何成钗确认合同效力纠纷">申请再审人张家武与被申请再审人何成钗确认合同效力纠纷</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-xs-10">
                                    <div class="scs-right">
                                        <div class="row">
                                            <div class="col-xs-2">
                                                <div class="cpu-inner">
                                                    <div class="scs-plot-cpu">
                                                        <div class="scs-placeholder cpu-0"></div>
                                                        <p class="white center" title="cpu_0">cpu_0</p>
                                                    </div>
                                                    <div class="scs-plot-cpu">
                                                        <div class="scs-placeholder cpu-1"></div>
                                                        <p class="white center" title="cpu_1">cpu_1</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xs-2">
                                                <div class="ram-inner">
                                                    <div class="scs-plot-ram">
                                                        <div class="scs-placeholder ram-0"></div>
                                                        <p class="white center" title="ram_0">ram_0</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xs-2">
                                                <div class="hd-inner">
                                                    <div class="scs-plot-hd">
                                                        <div class="scs-placeholder center"><span
                                                                class="scs-plot-hd-nohd"></span></div>
                                                        <p class="white center" title="容量">容量</p>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-xs-6">
                                                <div class="scs-status">
                                                    <div class="scs-device">
                                                        <div class="scs-device-success status-badge-success white center">
                                                            状态良好
                                                        </div>
                                                        <div class="scs-device-content white center">合成图像</div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end #content -->
    <!-- begin scroll to top btn -->
    <a href="javascript:;" class="btn btn-icon btn-circle btn-blue btn-scroll-to-top fade" data-click="scroll-top"><i
            class="fa fa-angle-up"></i></a>
    <!-- end scroll to top btn -->
</div>
<div th:replace="head :: footer_js(~{::script})">
    <!--&lt;!&ndash; ================== BEGIN PAGE LEVEL JS ================== &ndash;&gt;-->
    <script th:src="@{/assets/plugins/flot-0.8.3/jquery.flot.min.js}"></script>
    <script th:src="@{/assets/plugins/flot-0.8.3/jquery.flot.time.min.js}"></script>
    <script th:src="@{/assets/plugins/flot-0.8.3/jquery.flot.resize.min.js}"></script>
    <script th:src="@{/assets/plugins/flot-0.8.3/jquery.flot.pie.min.js}"></script>
    <script th:src="@{/assets/plugins/flot-0.8.3/jquery.flot.stack.min.js}"></script>
    <script th:src="@{/assets/plugins/flot-0.8.3/jquery.flot.crosshair.min.js}"></script>
    <script th:src="@{/assets/plugins/flot-0.8.3/jquery.flot.categories.js}"></script>
    <script th:src="@{/assets/js/sys_court_status.js}"></script>
    <!--<script type="text/javascript" th:src="@{/assets/plugins/cmp-uvedomleniye/uvedomleniye.js}"></script>-->
    <script th:src="@{/assets/js/apps.js}"></script>
    <!--&lt;!&ndash; ================== END PAGE LEVEL JS ================== &ndash;&gt;-->
    <script th:src="@{/assets/plugins/echart/echarts.js}"></script>
    <script th:src="@{/assets/js/sys_court_status.js}"></script>
    <!-- ================== END IMPORT JS ================== -->
    <script th:inline="javascript">
        var statusList = [[${statusList}]]
        init_data(statusList);
    </script>
    <script>
        $(document).ready(function () {
            App.init();
        });
    </script>
</div>
</body>
</html>